<template>
  <div>
      <div class="header">
          <router-link to="/news/all">全部</router-link>
          <router-link to="/news/recommend">推荐</router-link>
          <router-link to="/news/info">资讯</router-link>
          <router-link to="/news/notice">公告</router-link>
      </div>
      <div class="null"></div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.header{
    position: fixed;
    top:0;
    width:100%;
    height:0.52rem;
    background-color: #1aad67;
    font-size:0.18rem;
    z-index: 999;
    display: flex;
    justify-content: space-around;
}
a{
    font-size:0.16rem;
    color:white;
    text-decoration: none;
    line-height: 0.52rem;
}
.null{
    width:100%;
    height:0.52rem;
}
.router-link-active{
    color:red
}
</style>